<!DOCTYPE html>
<html>

<head>

    {include file="Public/header"}
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
</head>

<body style="color:#333;padding:3px;">
<!-- 标题 -->
<div class="page-heade clearfix">
    <h2 class="clearfix text-center"><a class="col-md-6 title_color H_right H_active" id="Ap1"
                            style="display: inline-block;font-size: 16px" onclick="tiaozhuan(1)">未支付面单</a> <a
            class="col-md-6 title_color" id="Ap2" style="color:#333;font-size: 16px;display: inline-block;"
            onclick="tiaozhuan(2)">已支付面单</a></h2>
</div>
<!-- 标题 -->
<div>
    <form action="" class="form-inline">
        <table class="row-margin-top tab-content table-bordered table" border="1">
            <tr>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">面单编号：</label></td>
                <td><input type="text" class="form-control" name=""></td>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">分区：</label></td>
                <td><input type="text" class="form-control" name=""></td>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">省份：</label></td>
                <td><input type="text" class="form-control" name=""></td>
            </tr>
            <tr>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">供应商名称：</label></td>
                <td><input type="text" class="form-control" name=""></td>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">申请人：</label></td>
                <td><input type="text" class="form-control" name=""></td>
                <td style="min-width: 120px;width: 120px"><label for="" class="form-label">申请时间：</label></td>
                <td>
                    <div class="form-group">
                        <input type="text" id="start" class="form-control layer-date "
                               style="min-width:100px;display: inline-block;" name="">
                    </div>
                    <div class="form-group">
                        至
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control layer-date"
                               style="min-width:100px;display: inline-block;" id="end" name="">
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="6" class="text-center">
                    <button class="btn btn-info query">查询</button>
                    <button class="btn btn-info emptyIf" type="button">清空查询条件</button>
                </td>
            </tr>
        </table>
    </form>
    <table class="table table-striped row-margin-top table-bordered text-center bud_hei">
        <tr>
            <th colspan="8" class="font-bold">
                未上账面单总笔数：<span id="noUpNum">9</span> &nbsp; &nbsp;
                未上账总金额：<span class="ObjectNum" id="noUpMoney">833475</span>
            </th>
        </tr>
        <tr class="info text-center">
            <th class="text-center">NO.</th>
            <th class="text-center">申请人</th>
            <th class="text-center">编号</th>
            <th class="text-center">主题</th>
            <th class="text-center">含税核销金额</th>
            <th class="text-center">已支付金额</th>
            <th class="text-center">申请时间</th>
            <th class="text-center">操作</th>
        </tr>
        <tr>
            <td>1</td>
            <td>曾小倩</td>
            <td><a href="YSX_xiaoshouCostHxApply.html">201502230002</a></td>
            <td class="text-left font-bold">核销申请：长沙市竹升有限公司<span class="glyphicon glyphicon-ok duigou" title="已生效"
                                                                aria-hidden="true"></span></td>
            <td class="text-right ObjectNum">1515</td>
            <td></td>
            <td>2017-11-11</td>
            <td><a href="YSX_xiaoshouCostHxApply_pz.html">录入会计凭证</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>曾小倩</td>
            <td><a href="YSX_xiaoshouCostHxApply.html">201502230002</a></td>
            <td class="text-left font-bold">核销申请：长沙市竹升有限公司<span class="glyphicon glyphicon-ok duigou" title="已生效"
                                                                aria-hidden="true"></span></td>
            <td class="text-right ObjectNum">212000</td>
            <td></td>
            <td>2017-11-11</td>
            <td><a href="YSX_xiaoshouCostHxApply_pz.html">录入会计凭证</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>曾小倩</td>
            <td><a href="YSX_xiaoshouCostHxApply.html">201502230002</a></td>
            <td class="text-left font-bold">核销申请：长沙市竹升有限公司<span class="glyphicon glyphicon-ok duigou" title="已生效"
                                                                aria-hidden="true"></span></td>
            <td class="text-right ObjectNum">318000</td>
            <td></td>
            <td>2017-11-11</td>
            <td><a href="YSX_xiaoshouCostHxApply_pz.html">录入会计凭证</a></td>
        </tr>
    </table>
     <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
</div>
<!-- 全局js -->
{include file="Public/footer"}
<!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
<script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!--统计代码，可删除-->
<script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
<script src="__STATIC__/layout/js/common.js"></script>
<script>
    function tiaozhuan(num) {
        var a = document.getElementById('Ap' + num);
        a.href = "TICost_payCL" + num + ".html";
    }

    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY/MM/DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY/MM/DD',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
    $(document).ready(function () {
        var $ObjectNum = $(".ObjectNum");
        toNum($ObjectNum);
    })
</script>
</body>

</html>
